<nav class="navbar navbar-light">
  <div class="container">
    <a class="navbar-brand" href="/">conduit</a>
    <ul class="nav navbar-nav pull-xs-right">
      <li class="nav-item">
        <a class="nav-link" href="/">Home</a>
      </li>
      <li id="nav-item-login" class="nav-item">
        <a class="nav-link" href="/login">Sign in</a>
      </li>
      <li id="nav-item-register" class="nav-item">
        <a class="nav-link" href="/register">Sign up</a>
      </li>
      <li id="nav-item-editor" class="nav-item">
        <a class="nav-link" href="/editor"> <i class="ion-compose"></i>&nbsp;New Article </a>
      </li>
      <li id="nav-item-settings" class="nav-item">
        <a class="nav-link" href="/settings"> <i class="ion-gear-a"></i>&nbsp;Settings </a>
      </li>
      <li id="nav-item-profile" class="nav-item">
        <a id="nav-link-user" class="nav-link" href="/profile/?">
          <img src="" class="user-pic"  alt=""/>
          ?
        </a>
      </li>
    </ul>
  </div>
</nav>

<script src="/js/navbar.js" type="module"></script>